/******************************************************************************************
 * Import
 ******************************************************************************************/

// module
import React, {Component} from 'react';
import {View, TouchableHighlight } from 'react-native';
import { Icon } from 'antd-mobile-rn';

// project
import {
    CAround, CBetween, CCenter, CColumn, CHand, CItemX, CItemY, CLine, CRow, CWrap, 
    CIcon, CImage, CSvg, CText,
    CContent, CFloat, CFooter, CHeader, CPage, CSide, 
    CEmpty, CError, CFail, CSkeleton, 
    CLabel, CButton
} from '../../../library/comp';

import Licon from '../../../library/comp/project/icon';

/******************************************************************************************
 * Export Class
 ******************************************************************************************/

 export default class RepairList extends Component {

    /*------------------------------------------------------------------------------------
	 * 初始化
	 *-----------------------------------------------------------------------------------*/
    constructor(props) {
        super(props);

        /**
         * state
         */
        this.state = {
        };

    }



    /*------------------------------------------------------------------------------------
	 * 渲染
	 *-----------------------------------------------------------------------------------*/
    render(){
        return(
            <CPage>

                <CContent bg='#efeff4' my='96' >


                    <CItemY bg="#fff" ra="10" mx="20" mt="20">
                        <CHand pa="40" style={{ borderBottomColor:"#efeff4", borderBottomWidth:1 }}>
                            <CText size='28' f="1" color="#666">五号楼右边电梯坏了，不能上下人，有人困在了里面，请及时来修复一下！！</CText>
                        </CHand>

                        <CBetween w="750" py="40">
                            <CHand x="left">
                                <CText size='24' color="#999" ml="40">2018.12.2</CText>
                            </CHand>
                            <CHand x="right">
                                <CText size='24' color="#f60" mr="100">正在进行中...</CText>
                            </CHand>
                        </CBetween>
                    </CItemY>


                    <CItemY bg="#fff" ra="10" mx="20" mt="20">
                        <CHand pa="40" style={{ borderBottomColor:"#efeff4", borderBottomWidth:1 }}>
                            <CText size='28' f="1" color="#666">5号楼5层老是漏水，漏了一大片，都已经进入业主的家里了，什么时候有时间过来修一下吧...</CText>
                        </CHand>

                        <CBetween w="750" py="40">
                            <CHand x="left">
                                <CText size='24' color="#999" ml="40">2018.11.5</CText>
                            </CHand>
                            <CHand x="right">
                                <CText size='24' color="#00CC66" mr="100">已修复</CText>
                            </CHand>
                        </CBetween>
                    </CItemY>


                    <CItemY bg="#fff" ra="10" mx="20" mt="20">
                        <CHand pa="40" style={{ borderBottomColor:"#efeff4", borderBottomWidth:1 }}>
                            <CText size='28' f="1" color="#666">5号楼刷门禁卡的小门坏了，现在什么人都可以进来。不用刷卡也可以进来，门也一直不能正常的关闭，总是进风</CText>
                        </CHand>

                        <CBetween w="750" py="40">
                            <CHand x="left">
                                <CText size='24' color="#999" ml="40">2018.10.22</CText>
                            </CHand>
                            <CHand x="right">
                                <CText size='24' color="#00CC66" mr="100">已修复</CText>
                            </CHand>
                        </CBetween>
                    </CItemY>
    



                </CContent>

                {/* 顶部 star */}
                <CHeader h='96' y='center' bg='#fff' style={{ borderBottomColor:"#eee", borderBottomWidth:1 }}>
                    <CBetween px='20'>
                        <CHand  onPress={(e)=> {
                            this.Nav.goBack()
                        }}>
                            <Icon type='left' size='md' color='#00CC66' />
                        </CHand>

                        <CText size='34'>故障报修</CText>
                        <CHand w='44' h='44'></CHand>
                    </CBetween>
                </CHeader>
                {/* 顶部 star */}

                {/* 底部 */}
                <CFooter h='96' y='center' bg='#fff' style={{ borderTopColor:"#eee", borderTopWidth:1 }}>
                    <CHand w="750" h="96" bg="#00CC66" x="center" y="center">
                        <CText size='34' color="#fff">我要报修</CText>
                    </CHand>
                </CFooter>
                {/* 底部 */}





            </CPage>
        )
    }
}

